<script setup>
// import { storeToRefs } from 'pinia'
import { RouterView } from 'vue-router'
// import Son1Come from '../src/components/Son1Com.vue'
// import Son2Come from '../src/components/Son2Com.vue'
// import AddCart from './components/AddCart.vue'
// import { useCountStore } from '../src/store/counter'
// import { usechannelsStore } from '../src/store/channels'
// const store = useCountStore()
// const channels = usechannelsStore()
//结构一层store
// const {count}  = storeToRefs(store)

</script>

<template>
    <div>
      <!-- <h1>app.vue跟组件 - 
        {{ count }}-
        {{ store.double }}-
        {{ store.msg.name1 }}</h1>
      <Son1Come></Son1Come>
      <Son2Come></Son2Come>
      <hr>
      <button @click="channels.getList">获取数据</button>
      <div class="box">
        <ul>
          <li v-for="(item,index) in channels.channelsList" :key="index">{{ item.name }}</li>
        </ul>
      </div>
      <hr> -->
      <router-link to="/cartList">点击去购物车</router-link><br />
      <router-link to="/addCart">点击去购物车验证</router-link><br />
      <router-link to="/verify">点击去表单验证</router-link>
      <router-link to="/son1">点击去son1</router-link>

      <router-view />
    </div>
</template>

<style lang="scss" scoped>


</style>
